<template>
  <div class="intro">
    <div class="commons_top">
      <div class="commons_back" @click="$router.go(-1)">
        <img src="@/assets/index/back.png" />
      </div>
      <span class="commons_title">关于我们</span>
    </div>
    <div class="intro_box">
      <div class="intro_logo">
        <img src="@/assets/my/logo.png">
      </div>
      <div class="intro_name">华夏数字图书馆</div>
      <div class="intro_edition">版本V1.1.0.0</div>
      <div class="intro_info">华夏出版社是一家综合性出版机构，以专业出版为特色，兼顾大众出版与教育出版，在经济、管理、西方哲学、传播学、社会学、人类学、医学等专业出版门类形成主题系列，规模优势与品牌优势，在图书市场占据较大的份额，在读者中享有良好的信誉和阅读忠诚度。曾系统推出“中国古典小说名著百部”、“中国现代文学百家”，成为文学经典阅读的基本文献。</div>
      <div class="intro_copy">Copyright © 2020 - 2026 华夏出版社</div>
    </div>
  </div>
</template>

<script>
import '@static/css/common.css'

export default {
  data() {
    return {
      
    }
  },
}
</script>

<style scoped>
  .intro {
    width: 100%;
    height: 100vh;
  }
  .intro_box {
    padding: 1.27rem 0.6rem 0;
    box-sizing: border-box;
  }
  .intro_logo {
    width: 0.82rem;
    height: 0.94rem;
    margin: 0 auto 0.28rem;
  }
  .intro_logo img {
    width: 100%;
    height: 100%;
  }
  .intro_name {
    color: #333333;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0.2rem;
    text-align: center;
  }
  .intro_edition {
    color: #BDC1CB;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 0.7rem;
    text-align: center;
  }
  .intro_info {
    color: #878B93;
    font-size: 14px;
    line-height: 0.46rem;
  }
  .intro_copy {
    text-align: center;
    color: #C7C9D1;
    font-size: 11px;
    font-weight: 500;
    margin-top: 3.9rem;
  }
</style>